<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Lucar-个人中心-个人信息</title>
</head>

<link rel="stylesheet" type="text/css" href="lucar-css/head-css.css">
<link rel="stylesheet" type="text/css" href="lucar-css/myinformation-css.css">
<link rel="stylesheet" type="text/css" href="lucar-css/myinformation-show-css.css">

<body>
	<div id="head">
    	<div id="h-logo">
        	<img src="lucar-image/logo.png" class="hl">
        </div>
        <div id="h-right">
        	<span id="hr-useCar" class="hr-span" onmouseover="headimg(1);" onMouseOut="headimg(2);">
            	<img id="uCOut" src="lucar-image/useCar-Out.png" class="hr-image" style="display:block">
            	<img id="uCOn" src="lucar-image/useCar-On.png" class="hr-image" style="display:none">
            </span>
            <span id="hr-aboutUs" class="hr-span" onmouseover="headimg(3);" onMouseOut="headimg(4);">
            	<img id="aUOut" src="lucar-image/aboutUs-Out.png" class="hr-image" style="display:block">
            	<img id="aUOn" src="lucar-image/aboutUs-On.png" class="hr-image" style="display:none">
            </span>
        </div>
    </div> 
    <div id="myInformation">
    	<div id="mI-List">
        	<span id="mIt-head"><p>个人中心</p></span>
            <span class="mIt-choose"><img src="lucar-image/myinformation-image/home.png" class="mItci" onclick="" /><p class="mItcp">首&nbsp;&nbsp;页</p></span>
            <span class="mIt-choose" style="background:#CCC;"><img src="lucar-image/myinformation-image/myself.png" class="mItci" onclick="" /><p class="mItcp">个人信息</p></span>
            <span class="mIt-choose"><img src="lucar-image/myinformation-image/password.png" class="mItci" onclick="" /><p class="mItcp">修改密码</p></span>
        </div>
        <div id="mis-tittle"><img src="lucar-image/myinformation-image/myinformationIMG.PNG" id="miImg"></div>
        <div id="mI-show">
        	<div id="mIs-table">
            	<div class="text">
                	<label class="lb">用户名：</label>
                    <span id="userID">userID</span>
                </div>
                <div class="text">
                	<label class="lb">姓&nbsp;&nbsp;名：</label>
                    <span id="name">曾子隽</span>
                </div>
                <div class="text">
                	<label class="lb">性&nbsp;&nbsp;别：</label>
                    <span id="sex">gay佬</span>
                    <label class="lb2">年&nbsp;&nbsp;龄：</label>
                    <span id="age">22</span>
                </div>
                <div class="text">
                	<label class="lb">手机号码：</label>
                    <input type="text" id="phone" value="12345678910" readonly>
                </div>
                <div class="text">
                	<label class="lb">身份证号：</label>
                    <input type="text" id="icNo" value="44xxxxxxxxxxxx3619" readonly>
                </div>
                <div class="text">
                	<label class="lb">驾驶证号：</label>
                    <input type="text" id="dlNo" value="12xxxxxxxxxxxx4444" readonly>
                </div>
                <div id="ps">
                	<span id="ps-text">如果认为个人信息有误，请点击右边联系管理员按钮进行申诉修改！</span>
                </div>
                <div id="button">
                	<span>申诉</span>
                </div>
            </div>
        </div>
    </div>
</body>

<script src="lucar-script/head-script.js"></script>
<script src="lucar-script/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
window.onload = function(){
	function box(){
		var oBox = document.getElementById("myInformation");
		var L1 = oBox.offsetWidth;
		var Left = (document.documentElement.clientWidth-L1)/2;
		oBox.style.left = Left+'px';
	}
	box();
	window.onresize = function(){
        box();
    }
}
$(document).ready(function(e) {
	//手机号码显示星号
    var phone = $("#phone").val();
	var myphone = phone.substr(3,4);
	var lphone = phone.replace(myphone,"****");
	$("#phone").val(lphone);
	//身份证号显示星号
	var icNo = $("#icNo").val();
	var MyicNo = icNo.substr(2,12);
	var licNo = icNo.replace(MyicNo,"************");
	$("#icNo").val(licNo);
	//驾驶证显示星号
	var dlNo = $("#dlNo").val();
	var MydlNo = dlNo.substr(2,12);
	var ldlNo = dlNo.replace(MyicNo,"************");
	$("#dlNo").val(ldlNo);
});
</script>
</html>